<template>
  <div class="area-box">
    <city @selectTown="queryTownWork" :town="town"></city>
  </div>
</template>

<script>
  import city from "../../components/city"

  export default {
    data() {
      return {
        town: this.$route.query.town
      }
    },
    methods: {
      queryTownWork(town) {
        this.$router.push({path: "/worklist", query: {"town": town}});
      }
    },
    components: {
      city
    }
  }
</script>

<style lang="less" scoped>
  .area-box {
    width: 100%;
    height: 100%;
    background: #F5F5F5;
  }
</style>
